/* ==========================================================
   می‌جا — طراحی لوکس و مینیمال
   عاجی · مشکی گرم · مس  |  حرکت آرام، خطوط ظریف، فضای تنفس
   ========================================================== */
@font-face{font-family:Vazir;font-weight:400;font-display:swap;src:url(../fonts/Vazirmatn-Regular.woff2) format('woff2')}
@font-face{font-family:Vazir;font-weight:500;font-display:swap;src:url(../fonts/Vazirmatn-Medium.woff2) format('woff2')}
@font-face{font-family:Vazir;font-weight:600;font-display:swap;src:url(../fonts/Vazirmatn-SemiBold.woff2) format('woff2')}
@font-face{font-family:Vazir;font-weight:700;font-display:swap;src:url(../fonts/Vazirmatn-Bold.woff2) format('woff2')}
@font-face{font-family:Estedad;font-weight:600;font-display:swap;src:url(../fonts/Estedad-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Estedad;font-weight:800;font-display:swap;src:url(../fonts/Estedad-800.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Estedad;font-weight:600;font-display:swap;src:url(../fonts/Estedad-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:Estedad;font-weight:800;font-display:swap;src:url(../fonts/Estedad-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF}

:root{
  --bg:#FAF8F4;--surface:#fff;--ink:#16130F;--ink-2:#3A342C;--muted:#857E73;--line:#E8E2D8;--line-2:#D9D1C4;
  --brand:#B4692A;--brand-2:#C98443;--brand-d:#8E5018;--brand-t:#F4EADF;--gold:#C9A24B;
  --dark:#14110E;--dark-2:#221C16;--sale:#B42318;--ok:#2F6F55;--danger:#B42318;
  --green:#2F6F55;--red:#B4692A;--red-d:#8E5018;--sky:#6C8FA6;--orange:#B4692A;--gold-l:#E6C98A;--red-2:#C98443;
  --font-display:Estedad,Vazir,system-ui,sans-serif;
  --r:16px;--r-s:10px;--r-l:24px;
  --shadow:0 1px 2px rgba(22,19,15,.04),0 8px 30px -12px rgba(22,19,15,.12);--shadow-l:0 30px 70px -30px rgba(22,19,15,.35);
  --header-h:68px;--nav-h:66px;--safe-b:env(safe-area-inset-bottom,0px);
  --ease:cubic-bezier(.22,.8,.24,1)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;font-family:Vazir,system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.85;font-size:15px;min-height:100vh;overflow-x:clip;animation:pageIn .6s var(--ease)}
@keyframes pageIn{from{opacity:0}}
body.leaving{opacity:0;transition:opacity .2s}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.35;font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(30px,5vw,56px)}h2{font-size:clamp(22px,3vw,34px)}h3{font-size:18px}
p{margin:0 0 .9em}
::selection{background:rgba(180,105,42,.25)}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}
.muted{color:var(--muted)}.small{font-size:13px}.xs{font-size:12px}
.grad-text,.accent{color:var(--brand);background:none;-webkit-text-fill-color:currentColor}
.hide,[hidden]{display:none!important}.center{text-align:center}.nowrap{white-space:nowrap}
.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}
.stack>*+*{margin-top:14px}.mt{margin-top:18px}.mt2{margin-top:32px}.mb{margin-bottom:18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ltr{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.icon.sm{width:16px;height:16px}.icon.lg{width:26px;height:26px}.icon.xl{width:34px;height:34px}
.i3l{stroke-width:1.35}

/* ---------- دکمه‌ها ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 26px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease),box-shadow .25s}
.btn:hover{background:#2b251e;transform:translateY(-1px);box-shadow:0 14px 28px -14px rgba(22,19,15,.6)}
.btn:active{transform:translateY(0) scale(.99)}
.btn[disabled],.btn.disabled{opacity:.45;pointer-events:none}
.btn .icon{stroke-width:1.7}
.btn-gold,.btn-orange{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-gold:hover,.btn-orange:hover{background:var(--brand-d);border-color:var(--brand-d);box-shadow:0 14px 28px -14px rgba(142,80,24,.7)}
.btn-dark{background:var(--dark);border-color:var(--dark)}
.btn-green{background:var(--ok);border-color:var(--ok)}.btn-green:hover{background:#245943}
.btn-blue{background:#fff;border-color:var(--line-2);color:var(--ink)}.btn-blue:hover{background:var(--brand-t);border-color:var(--brand);color:var(--brand-d)}
.btn-light{background:#fff;border-color:var(--line-2);color:var(--ink)}
.btn-light:hover{background:#fff;border-color:var(--ink);box-shadow:none}
.btn-light .icon{color:var(--brand)}
.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink-2)}
.btn-ghost:hover{background:#fff;border-color:var(--ink);color:var(--ink);box-shadow:none}
.btn-danger{background:var(--sale);border-color:var(--sale)}
.btn-sm{min-height:38px;padding:0 18px;font-size:13px;border-radius:10px}.btn-lg{min-height:56px;padding:0 34px;font-size:15.5px}.btn-block{width:100%}
.btn-icon{width:44px;min-height:44px;padding:0}.btn-sm.btn-icon{width:36px;min-height:36px}
.btn:focus-visible,a:focus-visible,.input:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.btn-ripple{display:none}.pulse{animation:none}

/* ---------- هدر ---------- */
.topbar{position:sticky;top:0;z-index:50;height:var(--header-h);background:rgba(250,248,244,.82);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--line);transition:background .35s,border-color .35s,transform .4s var(--ease),color .35s}
.topbar .container{height:100%;display:flex;align-items:center;gap:20px}
.has-hero .topbar:not(.scrolled){background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}
.has-hero .topbar:not(.scrolled) .topnav a{color:rgba(255,255,255,.85)}
.has-hero .topbar:not(.scrolled) .top-btn{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}
.has-hero .topbar:not(.scrolled) .brand{color:#fff}
.has-hero .topbar:not(.scrolled) .brand small{color:var(--gold-l)}
.has-hero{margin-top:calc(var(--header-h) * -1)}
.has-hero main{margin-top:0}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:21px;color:var(--ink)}
.brand img{width:34px;height:34px}
.brand span{display:flex;flex-direction:column;line-height:1.1}
.brand small{font-size:9.5px;letter-spacing:.34em;color:var(--brand);font-weight:800;margin-top:3px}
.topnav{display:flex;gap:2px;margin-inline-start:18px}
.topnav a{padding:8px 16px;font-weight:500;font-size:14px;color:var(--ink-2);position:relative;transition:color .25s}
.topnav a::after{content:"";position:absolute;inset-inline:16px;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .35s var(--ease)}
.topnav a:hover::after,.topnav a.on::after{transform:scaleX(1)}
.topnav a.on{color:var(--brand-d)}
.has-hero .topbar:not(.scrolled) .topnav a.on{color:#fff}
.topbar .spacer{flex:1}
.top-actions{display:flex;align-items:center;gap:8px}
.top-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--ink);font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;transition:.25s}
.top-btn:hover{border-color:var(--ink)}
.top-btn.solid{background:var(--ink);border-color:var(--ink);color:#fff}
.has-hero .topbar:not(.scrolled) .top-btn.solid{background:#fff;border-color:#fff;color:var(--ink)}
.dot{position:absolute;top:5px;inset-inline-end:6px;min-width:16px;height:16px;border-radius:8px;background:var(--sale);color:#fff;font-size:9.5px;line-height:16px;text-align:center;padding:0 4px;font-weight:700}
.tb-av{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-inline-start:-6px}
.role-mini{font-size:11.5px;font-weight:600;padding:0 8px;border-radius:99px;background:rgba(255,255,255,.18)}
.top-btn:not(.solid) .role-mini{background:var(--brand-t);color:var(--brand-d)}
.rdot{width:8px;height:8px;border-radius:50%;background:var(--brand)}

/* ---------- منوی پایین موبایل ---------- */
.bottomnav{display:none;position:fixed;inset-inline:0;bottom:0;z-index:60;padding:8px 10px calc(8px + var(--safe-b));background:rgba(250,248,244,.9);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border-top:1px solid var(--line)}
.bottomnav ul{list-style:none;margin:0;padding:0;display:flex;position:relative}
.bottomnav li{flex:1}
.bottomnav a,.bottomnav button{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;color:var(--muted);font:inherit;font-size:11.5px;font-weight:500;border:0;background:none;cursor:pointer;position:relative;transition:color .25s}
.bottomnav a.on{color:var(--ink)}
.bottomnav a.on::before{content:"";position:absolute;top:-9px;width:22px;height:2px;border-radius:2px;background:var(--brand)}
.bottomnav .icon,.bottomnav .i3l{width:22px;height:22px;stroke-width:1.5}
.bottomnav .indicator{display:none}
.bottomnav .dot{top:2px;inset-inline-end:calc(50% - 20px)}
.tabbar .fab a{color:var(--ink)}
.fab-ic{display:grid;place-items:center;width:44px;height:44px;margin-top:-18px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 10px 22px -8px rgba(22,19,15,.6),0 0 0 4px var(--bg)}
.fab-ic .icon{stroke:#fff;width:20px;height:20px}
.tabbar .fab a.on::before{display:none}
.sheet-back{position:fixed;inset:0;z-index:70;background:rgba(22,19,15,.45);opacity:0;pointer-events:none;transition:.3s}
.sheet-back.open{opacity:1;pointer-events:auto}
.sheet{position:fixed;inset-inline:0;bottom:0;z-index:71;transform:translateY(105%);transition:transform .4s var(--ease);padding:16px 18px calc(24px + var(--safe-b));border-radius:24px 24px 0 0;background:var(--bg);box-shadow:0 -20px 60px rgba(22,19,15,.25)}
.sheet.open{transform:none}
.sheet .grip,.grip-b{width:40px;height:4px;border-radius:4px;background:var(--line-2);margin:0 auto 14px}
.sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sheet-grid a,.sheet-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:14px;background:#fff;border:1px solid var(--line);font:inherit;font-size:12.5px;font-weight:500;color:var(--ink);cursor:pointer}
.sheet-grid .icon{color:var(--brand)}

/* ---------- کارت و سطح ---------- */
.card,.glass{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.card.flat{background:transparent}.card.pad0{padding:0;overflow:hidden}
.card h3{margin-bottom:14px}
.divider{height:1px;background:var(--line);margin:28px 0;border:0}
.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 12px;border-radius:99px;font-size:12px;font-weight:600;background:#F1ECE3;color:var(--ink-2);border:1px solid transparent}
.badge.red{background:#FBEAE8;color:var(--sale)}.badge.gold{background:#F6EBD3;color:#7a5a12}.badge.orange{background:var(--brand-t);color:var(--brand-d)}
.badge.green{background:#E3F0EA;color:var(--ok)}.badge.blue{background:#E6EEF3;color:#3d6078}.badge.dark{background:var(--ink);color:#fff}.badge.gray{background:#F1ECE3;color:var(--muted)}
.stars{color:var(--gold);display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:13px}
.stars .icon{fill:var(--gold);stroke:var(--gold);width:14px;height:14px}
.alert{padding:14px 18px;border-radius:12px;margin-bottom:16px;font-weight:500;font-size:14px;border:1px solid;display:flex;gap:10px;align-items:flex-start;background:#fff}
.alert.ok{border-color:#BBD9CB;background:#EFF7F2;color:var(--ok)}.alert.bad{border-color:#EDC4BF;background:#FDF1EF;color:var(--sale)}
.alert.info{border-color:var(--line-2);background:#fff;color:var(--ink-2)}.alert.warn{border-color:#E9D4A8;background:#FBF4E4;color:#7a5a12}
.empty{text-align:center;padding:56px 20px;color:var(--muted)}.empty .icon{width:40px;height:40px;stroke-width:1.1;color:var(--line-2);margin-bottom:12px}

/* ---------- فرم ---------- */
label{font-size:13px;font-weight:600;color:var(--ink-2);display:block;margin-bottom:7px}
.field{margin-bottom:18px}
.input,select,textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);padding:12px 16px;border-radius:12px;border:1px solid var(--line-2);background:#fff;outline:0;transition:border-color .25s,box-shadow .25s}
.input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(22,19,15,.06)}
textarea{min-height:110px;resize:vertical;line-height:1.9}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23857E73' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-left:38px}
.input[dir=ltr]{direction:ltr;text-align:left}
.help{font-size:12px;color:var(--muted);margin-top:5px}.err{color:var(--danger);font-size:12.5px;margin-top:5px;font-weight:500}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px}
.check{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--line-2);background:#fff;cursor:pointer;font-weight:500;font-size:13.5px;margin:0;transition:.2s}
.check input{accent-color:var(--brand);width:17px;height:17px}
.check:has(input:checked){border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.check .icon{width:18px;height:18px;color:var(--brand)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.amen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}

/* ---------- کارت اقامتگاه ---------- */
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px 22px}
.pcard{display:block;position:relative;background:transparent;transition:transform .5s var(--ease)}
.pcard .ph{position:relative;aspect-ratio:4/3.1;overflow:hidden;border-radius:var(--r);background:#EAE4D9}
.pcard .ph img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s,transform 1.1s var(--ease)}
.pcard .ph img.loaded{opacity:1}
.pcard:hover .ph img{transform:scale(1.045)}
.pcard .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 32%);pointer-events:none}
.pcard .tags{position:absolute;top:12px;inset-inline-start:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.tag-glass{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:99px;background:rgba(250,248,244,.92);color:var(--ink);font-size:11.5px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tag-glass.gold{background:var(--ink);color:#fff}
.tag-sale{display:inline-flex;align-items:center;padding:3px 11px;border-radius:99px;background:var(--sale);color:#fff;font-size:11.5px;font-weight:700}
.price-old{color:var(--muted);text-decoration:line-through;font-size:12px}
.fav{position:absolute;top:10px;inset-inline-end:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(250,248,244,.92);display:grid;place-items:center;cursor:pointer;color:var(--ink);padding:0;transition:.25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.fav:hover{transform:scale(1.08)}.fav.on{color:var(--sale)}.fav.on .icon{fill:var(--sale);stroke:var(--sale)}
.fav.pop .icon{animation:favpop .45s var(--ease)}@keyframes favpop{40%{transform:scale(1.35)}}
.pcard .pb{padding:14px 2px 0}
.pcard h3{font-size:16.5px;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.pcard .meta{display:flex;gap:14px;color:var(--muted);font-size:12.5px;margin:6px 0 8px;flex-wrap:wrap}
.pcard .meta span{display:inline-flex;align-items:center;gap:5px}
.pcard .price{display:flex;align-items:baseline;justify-content:space-between;padding-top:8px}
.pcard .price b{font-family:var(--font-display);font-size:17px;color:var(--ink)}.price small{color:var(--muted);font-size:12px}
.pcard .pp{display:none}

/* ---------- هیرو ---------- */
.stage{position:relative;color:#fff;background:var(--dark);overflow:hidden;min-height:min(92vh,820px);display:flex;align-items:flex-end}
.stage .scene,.stage .hero-art{position:absolute;inset:0}
.stage .scene>svg,.hero-art>svg{position:absolute;inset:0;width:100%;height:100%}
.stage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenburns 26s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
.stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,8,.55) 0%,rgba(14,11,8,.1) 38%,rgba(14,11,8,.7) 100%);pointer-events:none}
.stage-in{position:relative;z-index:5;width:100%;padding-top:150px;padding-bottom:150px}
.stage .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.22em;color:var(--gold-l);font-weight:600;margin-bottom:22px}
.stage .eyebrow::before{content:"";width:40px;height:1px;background:var(--gold-l)}
.stage h1{color:#fff;font-size:clamp(40px,7vw,96px);line-height:1.12;max-width:900px;margin-bottom:22px;font-weight:800}
.stage h1 em{font-style:normal;color:var(--gold-l)}
.stage .sub{color:rgba(255,255,255,.78);font-size:clamp(15px,1.5vw,18px);max-width:520px;line-height:2}
.trust{display:flex;gap:44px;flex-wrap:wrap;margin-top:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.18);max-width:640px}
.trust>div{display:flex;flex-direction:column;gap:0}.trust .t-i{display:none}
.trust b{font-family:var(--font-display);font-size:28px;line-height:1.2;display:block;font-weight:800}.trust small{color:rgba(255,255,255,.65);font-size:12.5px}
.stage-search{position:relative;z-index:8;margin:-62px auto 0;max-width:1020px;background:#fff!important;border:1px solid var(--line)!important;border-radius:18px;padding:12px 12px 12px 12px;box-shadow:0 30px 70px -28px rgba(22,19,15,.5)!important;color:var(--ink)}
.searchbar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1fr) auto;gap:8px;align-items:end}
.searchbar>div:not(.presets):not(.sp-head){padding:6px 10px 6px;border-inline-end:1px solid var(--line)}
.searchbar>div:nth-of-type(3){border:0}
.searchbar label{margin:0 0 2px;font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.searchbar select,.searchbar .input{border:0;background:transparent;padding:4px 0;font-weight:600;border-radius:0;box-shadow:none!important}
.searchbar select{background-position:left 0 center;padding-left:20px}
.presets{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 10px 0}
.qchip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;border:1px solid var(--line-2);background:#fff;font:inherit;font-size:12.5px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:.25s;white-space:nowrap}
.qchip:hover{border-color:var(--ink);color:var(--ink)}.qchip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.qchips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}.qchips::-webkit-scrollbar{display:none}
.sp-pill,.sp-head{display:none}
.rp{position:relative}
.rp-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);cursor:pointer}
.rp-field>div{padding:2px 0}.rp-field>div+div{border-inline-start:1px solid var(--line);padding-inline-start:12px}
.rp-field small{display:block;color:var(--muted);font-size:11px}.rp-field b{font-size:14px;font-weight:600}
.rp-pop{position:absolute;z-index:80;top:calc(100% + 14px);inset-inline-start:0;width:min(660px,92vw);padding:22px;border-radius:20px;display:none;background:#fff!important;border:1px solid var(--line);box-shadow:var(--shadow-l)}
.rp-pop.open{display:block;animation:fadeUp .35s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}
.rp-months{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.rp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:700;font-family:var(--font-display)}
.rp-nav{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);background:#fff;cursor:pointer;display:grid;place-items:center;font:inherit}.rp-nav:hover{border-color:var(--ink)}
.rp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.rp-dow{font-size:11.5px;color:var(--muted);padding:4px 0}
.rp-day{aspect-ratio:1;border:0;background:none;border-radius:50%;cursor:pointer;font:inherit;font-weight:500;font-size:13.5px;color:var(--ink);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;position:relative}
.rp-day:hover:not(:disabled){background:var(--brand-t)}
.rp-day:disabled{color:#C9C2B6;cursor:not-allowed;text-decoration:line-through}
.rp-day.today{box-shadow:inset 0 0 0 1px var(--brand)}.rp-day.fri{color:var(--brand-d)}
.rp-day.range{background:var(--brand-t);border-radius:0}
.rp-day.start,.rp-day.end{background:var(--ink);color:#fff}
.rp-day.start{border-radius:0 50% 50% 0}.rp-day.end{border-radius:50% 0 0 50%}.rp-day.start.end{border-radius:50%}
.rp.has-prices .rp-day{aspect-ratio:auto;padding:7px 0 6px;border-radius:12px}
.rp-day small{font-size:9.5px;color:var(--muted);display:block;font-weight:500}.rp-day.hot small{color:var(--brand-d);font-weight:700}
.rp-day.start small,.rp-day.end small{color:rgba(255,255,255,.8)}.rp-day:disabled small{display:none}
.rp-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}
.guest-pick{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;border:1px solid var(--line-2);background:#fff;margin-bottom:10px}
.counter{display:flex;align-items:center;gap:14px}
.counter button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);background:#fff;font:inherit;font-size:17px;cursor:pointer;line-height:1;color:var(--ink)}.counter button:hover{border-color:var(--ink)}
.counter b{min-width:22px;text-align:center}

/* ---------- بخش‌ها ---------- */
.sec{padding:72px 0 0}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:16px}
.sec-h h2{margin:0}.sec-h p{margin:6px 0 0;color:var(--muted)}
.eyebrow-s{font-size:12px;letter-spacing:.2em;color:var(--brand);font-weight:700;margin-bottom:10px;display:block}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.cat-big{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px 18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);font-weight:600;font-size:14px;transition:.35s var(--ease);width:auto!important}
.cat-big:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow)}
.cb-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-t);color:var(--brand-d);transition:.35s}
.cb-ic .icon{width:22px;height:22px;stroke-width:1.4}
.cat-big:hover .cb-ic{background:var(--ink);color:#fff}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:210px;gap:14px}
.bt{position:relative;border-radius:var(--r);overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:24px;isolation:isolate}
.bt::before{content:"";position:absolute;inset:0;z-index:-2;transition:transform 1.2s var(--ease)}
.bt:hover::before{transform:scale(1.06)}
.bt::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,11,8,.0) 30%,rgba(14,11,8,.72))}
.bt-north{grid-column:span 3;grid-row:span 2}.bt-tehran,.bt-highland,.bt-desert,.bt-south{grid-column:span 3}
.bt-north::before{background:linear-gradient(135deg,#3B4A3E,#1E2A22)}.bt-tehran::before{background:linear-gradient(135deg,#8B6A4E,#4A3626)}
.bt-highland::before{background:linear-gradient(135deg,#59707C,#2A3A44)}.bt-desert::before{background:linear-gradient(135deg,#B58A5E,#6E4D2E)}.bt-south::before{background:linear-gradient(135deg,#4F7A82,#25444B)}
.bt .bt-ic{position:absolute;top:22px;inset-inline-start:22px;width:34px!important;height:34px!important;opacity:.8;stroke-width:1.1}
.bt-t b{font-family:var(--font-display);font-size:24px;display:block}.bt-t small{opacity:.8;display:block}
.bt-n{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:2px}
.steps-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.step{padding:30px 28px 10px 0;border-inline-end:1px solid var(--line);position:relative}.step:last-child{border:0}
.step .no{font-family:var(--font-display);font-size:44px;font-weight:800;color:var(--line-2);line-height:1;display:block;margin-bottom:14px}
.step .no .i3l,.step .no .n{display:none}
.step b{font-size:17px;font-family:var(--font-display)}.step p{color:var(--muted);margin:8px 0 0}
.feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.feat .card{border:0;border-radius:0;border-inline-end:1px solid var(--line);padding:30px 26px}.feat .card:last-child{border:0}
.feat .ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--brand-t);color:var(--brand-d);margin-bottom:18px}
.feat .ico .icon{width:22px;height:22px;stroke-width:1.4}
.feat b{font-family:var(--font-display);font-size:16.5px}
.testi{height:100%;padding:28px}.testi p{font-size:15px;line-height:2;color:var(--ink-2)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 4px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--font-display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;color:var(--brand);font-weight:300;transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 4px 22px;margin:0;color:var(--muted)}
.cta{position:relative;border-radius:var(--r-l);padding:56px 52px;color:#fff;background:var(--dark);overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 0,rgba(201,162,75,.22),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 26px);pointer-events:none}
.cta>*{position:relative}.cta h2{color:#fff;margin-bottom:10px}.cta p{color:rgba(255,255,255,.72);margin:0}
.cta .btn-light{background:#fff;color:var(--ink);border-color:#fff}.cta .btn-gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.cta-dark{background:var(--dark-2)}
.recent{display:none}.recent.show{display:block}
.marq{display:none}
.swiper{overflow:hidden;padding:4px 2px 6px;margin:-4px -2px}.swiper-slide{height:auto}
.sw-nav{display:flex;gap:8px}
.sw-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:.25s;font:inherit;padding:0}
.sw-btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}.sw-btn.swiper-button-disabled{opacity:.3;pointer-events:none}
.swiper-pagination-bullet{background:var(--ink);opacity:.2}.swiper-pagination-bullet-active{opacity:1;width:22px;border-radius:4px;background:var(--brand)}

/* ---------- جستجو ---------- */
.search-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:start;padding:30px 0 70px}
.filters{position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);overflow:auto;padding:22px!important}
.filters h4{font-size:13px;margin:22px 0 10px;font-family:Vazir;font-weight:700;color:var(--ink-2)}
.filters-toggle{display:none}
.pager{display:flex;gap:6px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.pager a,.pager span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid var(--line);font-weight:600;padding:0 10px}
.pager .active{background:var(--ink);color:#fff;border-color:var(--ink)}.pager .dis{opacity:.35}

/* ---------- صفحه‌ی اقامتگاه ---------- */
.amen{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 20px}
.amen div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.amen i{font-style:normal;display:grid;place-items:center;color:var(--brand-d)}.amen i .icon{width:20px;height:20px;stroke-width:1.3}
.qrow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px}
.qrow.total{border-top:1px solid var(--line);margin-top:10px;padding-top:14px;font-weight:700;font-size:17px;font-family:var(--font-display)}
.qrow .off{color:var(--ok);font-weight:600}
.rev{padding:22px 0;border-bottom:1px solid var(--line)}.rev:last-child{border:0}
.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}.avatar.sm{width:34px;height:34px}.avatar.lg{width:86px;height:86px}
.share-pop{position:relative}.share-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:40;min-width:180px;padding:8px;border-radius:14px;display:none;flex-direction:column;gap:2px;background:#fff!important;border:1px solid var(--line);box-shadow:var(--shadow-l)}
.share-menu.open{display:flex;animation:fadeUp .25s}
.share-menu a,.share-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font:inherit;font-weight:500;font-size:13.5px;border:0;background:none;cursor:pointer;color:var(--ink);text-align:start}.share-menu a:hover,.share-menu button:hover{background:var(--brand-t)}
.cx-bar{display:flex;gap:3px;margin-top:6px}.cx-bar span{height:24px;border-radius:6px;background:var(--c);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.cx-lbl{display:flex;gap:3px;margin-top:4px}.cx-lbl span{flex:1;text-align:center;font-size:11.5px;color:var(--muted)}
.rbd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 40px;margin:16px 0 8px}.rbd>div{display:flex;align-items:center;gap:12px;font-size:13px}.rbd>div>span{width:120px;flex:none;color:var(--ink-2)}
.rbd-bar{flex:1;height:3px;border-radius:3px;background:var(--line)}.rbd-bar i{display:block;height:100%;border-radius:3px;background:var(--ink)}
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(14,11,8,.95);display:none;align-items:center;justify-content:center;padding:20px}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:90vh}.lightbox button{position:absolute;top:18px;inset-inline-end:18px}
.guide{background:var(--brand-t);border-color:#E7D3BD}
.sheet-x{display:none}.book-sheet-btn{display:none}

/* ---------- پنل ---------- */
.panel{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;padding:34px 0 70px;align-items:start}
.sidebar{position:sticky;top:calc(var(--header-h) + 18px);padding:14px!important}
.sidebar .me{display:flex;align-items:center;gap:12px;padding:8px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:8px}
.sidebar a.item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-weight:500;font-size:14px;color:var(--ink-2);transition:.2s;margin-bottom:1px}
.sidebar a.item:hover{background:var(--brand-t)}
.sidebar a.item.on{background:var(--ink);color:#fff}.sidebar a.item.on .icon{color:#fff}
.sidebar a.item .icon{color:var(--muted);width:18px;height:18px}
.sidebar a.item .badge{margin-inline-start:auto}
.sidebar.role-guest{border-top:3px solid var(--brand-2)}.sidebar.role-host{border-top:3px solid var(--brand)}.sidebar.role-admin{border-top:3px solid var(--ink)}
.ctx-strip{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:12px;margin-bottom:22px;font-size:13px;font-weight:500;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.ctx-strip.admin{background:var(--ink);color:#fff;border-color:var(--ink)}.ctx-strip .icon{width:16px;height:16px;color:var(--brand)}
.page-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px;flex-wrap:wrap}.page-h h1{font-size:clamp(24px,3vw,34px);margin:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:26px}
.tile{padding:22px;border-radius:var(--r);background:#fff;border:1px solid var(--line);position:relative}
.tile .ic,.tile .ic3{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-t);color:var(--brand-d);margin-bottom:16px}
.tile .ic .icon,.tile .ic3 .icon{width:19px;height:19px;stroke-width:1.4}
.tile b{display:block;font-family:var(--font-display);font-size:24px;line-height:1.3}.tile span{color:var(--muted);font-size:13px}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:22px;scrollbar-width:none}
.tabs a{flex:none;padding:8px 20px;border-radius:99px;font-weight:500;font-size:13.5px;border:1px solid var(--line-2);background:#fff}.tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:start;padding:14px 16px;font-size:12px;color:var(--muted);white-space:nowrap;font-weight:600;border-bottom:1px solid var(--line)}
.tbl td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:hover td{background:#FBF9F5}
.item-row{display:flex;gap:16px;align-items:center;padding:16px;border-radius:var(--r);background:#fff;border:1px solid var(--line);margin-bottom:12px;transition:.25s}
.item-row:hover{border-color:var(--ink)}.item-row .thumb{width:104px;height:84px;border-radius:12px;object-fit:cover;flex:none;background:#EAE4D9}
.bars{display:flex;align-items:end;gap:10px;height:150px}.bars .bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;font-size:11.5px;color:var(--muted)}
.bars .bar i{display:block;width:100%;max-width:40px;border-radius:6px 6px 2px 2px;background:var(--ink);min-height:3px}
.chat{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.msg{max-width:82%;padding:10px 16px;border-radius:16px 16px 16px 4px;background:#F1ECE3;font-size:14px}
.msg.mine{align-self:flex-end;background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px}.msg small{display:block;opacity:.6;font-size:11px}
.chart-box{position:relative;height:240px}
.ring-p{--p:0;width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;font-weight:700;position:relative;font-size:14px}
.ring-p::before{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.ring-p span{position:relative}
.tline{display:flex;margin:6px 0 26px}.tline .st{flex:1;text-align:center;position:relative;font-size:12px;font-weight:500;color:var(--muted)}
.tline .st i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin:0 auto 8px;background:#fff;border:1px solid var(--line-2);font-style:normal;position:relative;z-index:1}
.tline .st::before{content:"";position:absolute;top:16px;inset-inline-start:50%;width:100%;height:1px;background:var(--line-2)}.tline .st:last-child::before{display:none}
.tline .st.done{color:var(--ink)}.tline .st.done i{background:var(--ink);border-color:var(--ink);color:#fff}.tline .st.done::before{background:var(--ink)}
.tline .st.now i{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 4px var(--brand-t)}.tline .st.bad i{background:var(--sale);color:#fff;border-color:var(--sale)}
.occ{display:flex;align-items:center;gap:14px;padding:9px 0;font-size:13px}.occ>span{width:150px;flex:none;font-weight:500}
.occ-bar{flex:1;height:4px;border-radius:4px;background:var(--line)}.occ-bar i{display:block;height:100%;border-radius:4px;background:var(--brand)}.occ b{width:42px;text-align:end}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-dow{text-align:center;font-weight:600;font-size:12px;color:var(--muted)}
.cal-cell{min-height:80px;border-radius:12px;background:#fff;border:1px solid var(--line);padding:7px 9px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font-size:12px;transition:.15s;user-select:none}
.cal-cell b{font-size:15px}.cal-cell.past{opacity:.4;cursor:default}.cal-cell.fri b{color:var(--brand-d)}
.cal-cell.blocked{background:repeating-linear-gradient(45deg,#F1ECE3 0 6px,#fff 6px 12px);color:var(--muted)}
.cal-cell.booked{background:var(--brand-t);border-color:#E3C9AA;cursor:default}.cal-cell.sel{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cal-cell .pr{color:var(--brand-d);font-weight:600}.cal-cell .who{font-size:11px;color:var(--brand-d);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-empty{visibility:hidden}
.cal-bar{position:sticky;bottom:calc(var(--nav-h) + 16px);z-index:20;padding:14px 18px!important;border-radius:16px;margin-top:16px;display:none;box-shadow:var(--shadow-l);border-color:var(--ink)!important}.cal-bar.show{display:block}
.imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.imgs .im{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#EAE4D9}.imgs img{width:100%;height:100%;object-fit:cover}.imgs .im .x{position:absolute;top:6px;inset-inline-start:6px}.imgs .im .c{position:absolute;bottom:6px;inset-inline:6px}
.dropzone{border:1px dashed var(--line-2);border-radius:var(--r);padding:30px;text-align:center;background:#fff;cursor:pointer;transition:.2s;display:block}.dropzone:hover{border-color:var(--ink)}
.pf-steps{display:none}
.gw{max-width:460px;margin:60px auto;padding:36px;text-align:center}
.copybox{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;border-radius:12px;background:#fff;border:1px dashed var(--line-2)}.copybox>span{flex:1;min-width:160px;padding:0 12px;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.invite{background:var(--brand-t);border-color:#E7D3BD}
.chk{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;margin-bottom:6px;font-weight:500;font-size:13.5px;background:#fff;border:1px solid var(--line);transition:.2s}.chk:hover{border-color:var(--ink)}
.chk i{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;flex:none;color:#fff}.chk.done{color:var(--muted)}.chk.done i{background:var(--ink);border-color:var(--ink)}
.req{list-style:none;padding:0;margin:0}.req li{padding:8px 0;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500}
.req li::before{content:"";width:18px;height:18px;border-radius:50%;border:1px solid var(--line-2);flex:none}.req li.ok::before{background:var(--ok);border-color:var(--ok)}.req small{color:var(--muted)}
.prof-hero{position:relative;border-radius:var(--r-l);padding:32px;margin-bottom:20px;overflow:hidden;color:#fff;background:var(--dark)}
.prof-hero.host{background:linear-gradient(120deg,#1B1510,#3A2A1C)}.prof-hero.guest{background:linear-gradient(120deg,#15191B,#2B353A)}.prof-hero.admin{background:linear-gradient(120deg,#0E0C0A,#201A15)}
.prof-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 220px at 90% -20%,rgba(201,162,75,.22),transparent 70%);pointer-events:none}
.ph-art{display:none}.ph-main{position:relative;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ph-avatar{position:relative;width:92px;height:92px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--gold),transparent 60%);flex:none;cursor:pointer;display:block}
.ph-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.ph-avatar span{position:absolute;bottom:-2px;inset-inline-end:-2px;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}
.prof-hero h1{color:#fff;font-size:26px;margin:0}.ph-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:6px;font-size:13px;opacity:.85}.ph-meta span{display:inline-flex;align-items:center;gap:6px}.ph-bio{margin:12px 0 0;max-width:640px;opacity:.9;font-size:14px}
.role-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 14px;border-radius:99px;font-weight:600;font-size:12px;background:#fff;color:var(--ink)}.role-pill.dark{background:var(--ink);color:#fff}
.sidebar .role-pill{background:var(--brand-t);color:var(--brand-d)}.sidebar .role-pill.dark{background:var(--ink);color:#fff}
.lvl{position:relative}.lvl-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--brand-t);color:var(--brand-d);border:1px solid var(--lc,var(--brand))}
.lvl-bar{height:3px;border-radius:3px;background:var(--line);margin-top:16px}.lvl-bar i{display:block;height:100%;border-radius:3px;background:var(--lc,var(--brand));transition:width 1.2s var(--ease)}
.lvl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.lvl-steps div{text-align:center;font-size:11.5px;opacity:.5}.lvl-steps div.on{opacity:1}
.lvl-steps i{display:block;width:10px;height:10px;border-radius:50%;background:var(--c);margin:0 auto 6px}.lvl-steps b{display:block;font-size:12.5px}.lvl-steps small{color:var(--muted)}

/* ---------- فوتر ---------- */
.footer{margin-top:90px;padding:70px 0 120px;background:var(--dark);color:rgba(255,255,255,.7)}
.footer .cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:40px}
.footer h4{color:#fff;font-size:14px;font-family:Vazir;font-weight:700;margin-bottom:14px}.footer a{display:block;padding:4px 0;font-size:14px;color:rgba(255,255,255,.6);transition:.25s}.footer a:hover{color:var(--gold-l)}
.footer .copy{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:22px;font-size:12.5px;opacity:.6}
.toast-wrap{position:fixed;top:calc(var(--header-h) + 12px);inset-inline:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.install{position:fixed;inset-inline:14px;bottom:calc(var(--nav-h) + 20px + var(--safe-b));z-index:55;max-width:420px;margin-inline:auto;padding:14px 16px;border-radius:16px;display:none;align-items:center;gap:12px;background:#fff!important;border:1px solid var(--line);box-shadow:var(--shadow-l)}.install.show{display:flex}
.navbar-progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:200;background:var(--brand);transform:scaleX(0);transform-origin:right;pointer-events:none}
[data-reveal]{opacity:0}.reduced [data-reveal]{opacity:1}
.skel{background:linear-gradient(100deg,#EFE9DE 30%,#F6F1E8 50%,#EFE9DE 70%);background-size:300% 100%;animation:skel 1.4s infinite;border-radius:8px;min-height:16px}@keyframes skel{to{background-position:-100% 0}}
.h-i3{margin-inline-start:6px;vertical-align:-4px;color:var(--brand)}
.badge-g,.glass-w{display:none}

/* ---------- ورود / ثبت‌نام ---------- */
.fl{position:relative;margin-bottom:14px}
.fl input{width:100%;height:58px;padding:24px 16px 6px;font:inherit;font-size:15.5px;color:var(--ink);border-radius:12px;border:1px solid var(--line-2);background:#fff;outline:0;transition:border-color .25s,box-shadow .25s;text-align:right}
.fl input[dir=ltr]{direction:ltr;text-align:right}
.fl label{position:absolute;inset-inline-start:16px;top:18px;margin:0;font-size:14.5px;font-weight:400;color:var(--muted);pointer-events:none;transition:all .22s var(--ease)}
.fl .ico{display:none}
.fl input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(22,19,15,.06)}
.fl input:focus~label,.fl input:not(:placeholder-shown)~label{top:8px;font-size:11.5px;color:var(--brand-d);font-weight:600}
.fl .eye{position:absolute;inset-inline-end:8px;top:11px;width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.fl .eye:hover{color:var(--ink)}
.fl.has-err input{border-color:var(--danger)}.fl .msg-e{color:var(--danger);font-size:12px;margin:5px 4px 0}
.strength{display:flex;gap:4px;margin:-4px 2px 14px;align-items:center}.strength i{flex:1;height:3px;border-radius:3px;background:var(--line)}.strength span{font-size:11.5px;color:var(--muted);min-width:50px;text-align:end}
.strength[data-s="1"] i:nth-child(-n+1){background:#C0392B}.strength[data-s="2"] i:nth-child(-n+2){background:#D98A2B}.strength[data-s="3"] i:nth-child(-n+3){background:var(--gold)}.strength[data-s="4"] i:nth-child(-n+4){background:var(--ok)}
.switch{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer;margin:2px 0 22px}.switch input{display:none}
.switch .tr{width:40px;height:22px;border-radius:99px;background:var(--line-2);position:relative;transition:.3s;flex:none}.switch .tr::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.3s var(--ease)}
.switch input:checked+.tr{background:var(--ink)}.switch input:checked+.tr::after{transform:translateX(-18px)}
.btn-auth{width:100%;min-height:56px}
.btn .spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rot .7s linear infinite;display:none}.btn.loading .spin{display:block}@keyframes rot{to{transform:rotate(360deg)}}
.divider-t{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px;margin:30px 0 16px}.divider-t::before,.divider-t::after{content:"";flex:1;height:1px;background:var(--line)}
.alt-link{display:flex;gap:10px}.alt-link .btn{flex:1}
.role-seg{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:4px;border-radius:12px;background:#F1ECE3;margin-bottom:22px}
.role-seg input{display:none}.role-seg label{position:relative;z-index:1;margin:0;text-align:center;padding:10px 8px;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer;transition:.3s;line-height:1.5}
.role-seg label small{display:block;font-weight:400;font-size:11px}.role-seg label:has(input:checked){color:var(--ink)}
.role-seg .pill{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);inset-inline-start:4px;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(22,19,15,.1);transition:transform .45s var(--ease)}
.role-seg[data-r="host"] .pill{transform:translateX(-100%)}
.perks{display:grid;gap:8px;margin:0 0 22px;padding:0;list-style:none}.perks li[hidden]{display:none}
.perks li{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-2);padding:2px 0}.perks li i{font-style:normal;color:var(--brand)}

/* ---------- واکنش‌گرایی ---------- */
@media (max-width:1020px){
  .sheet-x{display:inline-flex}
  .search-layout{grid-template-columns:minmax(0,1fr)}
  .filters{position:fixed;inset:0;z-index:90;max-height:none;border-radius:0;transform:translateY(100%);transition:.35s var(--ease);padding:20px 20px 110px!important}.filters.open{transform:none}
  .filters-toggle{display:inline-flex}
  .feat{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feat .card{border-bottom:1px solid var(--line)}
  .footer .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .searchbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .steps-3{grid-template-columns:minmax(0,1fr)}.step{border-inline-end:0;border-bottom:1px solid var(--line);padding:22px 0}
}
@media (max-width:860px){
  :root{--header-h:60px}
  body{font-size:14.5px;padding-bottom:calc(var(--nav-h) + 14px + var(--safe-b))}
  .container{padding:0 18px}
  .topnav{display:none}.bottomnav{display:block}.top-hide-m{display:none}
  .topbar.hide{transform:translateY(-110%)}
  .sec{padding:48px 0 0}.sec-h{margin-bottom:20px}
  .stage{min-height:74vh}.stage-in{padding-top:110px;padding-bottom:100px}
  .stage h1{font-size:clamp(38px,11vw,54px)}
  .trust{gap:28px;margin-top:28px}.trust b{font-size:22px}
  .stage-search{display:block;margin:-38px 0 0;padding:8px;border-radius:16px}
  .stage-search>:not(.sp-pill){display:none}
  .sp-pill{display:flex;align-items:center;gap:12px;width:100%;padding:6px 6px 6px 8px;border:0;background:transparent;font:inherit;text-align:start;cursor:pointer;color:var(--ink)}
  .sp-pill .icon{width:22px;height:22px;margin-inline-start:10px;color:var(--brand)}
  .sp-pill>span{flex:1;min-width:0}.sp-pill b{display:block;font-size:14.5px;font-family:var(--font-display)}.sp-pill small{color:var(--muted);font-size:11.5px}
  .sp-pill i{font-style:normal;padding:12px 22px;border-radius:10px;background:var(--ink);color:#fff;font-weight:600;font-size:13px}
  .stage-search.sheet-open{position:fixed!important;inset-inline:0;bottom:0;top:auto;margin:0!important;z-index:95;border-radius:22px 22px 0 0;max-height:92vh;overflow:auto;padding:18px 18px calc(26px + var(--safe-b))!important;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;animation:sheetUp .45s var(--ease)}
  .stage-search.sheet-open>:not(.sp-pill){display:block}.stage-search.sheet-open>.sp-head{display:flex;align-items:center;justify-content:space-between}.stage-search.sheet-open>.presets{display:flex}.stage-search.sheet-open>.btn{display:inline-flex}.stage-search.sheet-open>.sp-pill{display:none}
  .stage-search.sheet-open>div:not(.presets):not(.sp-head){border:1px solid var(--line);border-radius:12px;padding:10px 14px}
  @keyframes sheetUp{from{transform:translateY(100%)}}
  body.search-open .sheet-back{opacity:1;pointer-events:auto;z-index:90}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-big{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;font-size:13px;border-radius:14px}.cb-ic{width:36px;height:36px;flex:none}.cb-ic .icon{width:18px;height:18px}
  .bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:170px}.bt-north{grid-column:span 2}.bt-tehran{grid-column:span 2}.bt-highland,.bt-desert{grid-column:span 1}.bt-south{grid-column:span 2}.bt{padding:18px}.bt-t b{font-size:19px}
  .grid-cards{grid-template-columns:minmax(0,1fr);gap:30px}
  .cta{padding:32px 24px}
  .panel{grid-template-columns:minmax(0,1fr);padding-top:18px}.sidebar{display:none}
  .grid2,.grid3,.grid4{grid-template-columns:minmax(0,1fr)}
  .rp-months{grid-template-columns:minmax(0,1fr)}.rp-pop{position:fixed;inset-inline:10px;top:auto;bottom:calc(var(--nav-h) + 12px);width:auto;max-height:75vh;overflow:auto}
  .tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer .cols{grid-template-columns:minmax(0,1fr)}
  .pf-steps{display:flex;gap:5px;position:sticky;top:var(--header-h);z-index:30;padding:10px 0;background:var(--bg);margin-bottom:6px}.pf-steps i{flex:1;height:3px;border-radius:3px;background:var(--line-2)}.pf-steps i.on{background:var(--ink)}
  .pf-step{display:none}.pf-step.on{display:block;animation:fadeUp .4s var(--ease)}
  .pf-nav{position:sticky;bottom:calc(var(--nav-h) + 12px);z-index:30;display:flex;gap:10px;padding:10px!important;border-radius:16px;margin-top:14px;box-shadow:var(--shadow-l)}
  .item-row{flex-wrap:wrap}.item-row .thumb{width:100%;height:160px}
}
@media (min-width:861px){.pf-nav .pf-only-m{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.topbar,.bottomnav,.footer,.btn{display:none!important}}

@media (min-width:861px){.sheet,.sheet-back:not(.open){display:none}}
.tile b{font-size:22px}

/* ==========================================================
   نسخه‌ی نهایی: سفید + نارنجیِ طلایی — ریز، فشرده و دسته‌بندی‌شده
   ========================================================== */
:root{--bg:#fff;--surface:#fff;--ink:#1B1B1F;--ink-2:#3D4048;--muted:#6F7480;--line:#ECEEF1;--line-2:#DDE0E5;
  --brand:#E08A12;--brand-2:#F2A93B;--brand-d:#A85F05;--brand-t:#FFF5E3;--gold:#E9A23B;--gold-l:#F7C777;--dark:#1B1B1F;--dark-2:#26262B;
  --r:12px;--r-l:18px;--header-h:60px;--nav-h:62px;--grad:linear-gradient(135deg,#F9C05A 0%,#EE9B1E 55%,#E8860C 100%);
  --shadow:0 1px 2px rgba(27,27,31,.04),0 6px 20px -10px rgba(27,27,31,.12)}
body{font-size:14px;line-height:1.8;background:#fff}
h1{font-size:clamp(25px,3vw,36px)}h2{font-size:clamp(17px,1.8vw,21px)}h3{font-size:15px}
.container{max-width:1200px;padding:0 20px}
.accent,.grad-text{color:var(--brand-d)}
/* دکمه‌ها: طلایی با متن تیره (کنتراست بالا) */
.btn{background:var(--grad);border:0;color:#1B1B1F;min-height:42px;padding:0 20px;font-size:13.5px;font-weight:700;border-radius:10px}
.btn:hover{background:var(--grad);filter:brightness(1.06);box-shadow:0 12px 24px -12px rgba(232,134,12,.75);transform:translateY(-1px)}
.btn .icon{stroke-width:2}
.btn-gold,.btn-orange{background:var(--grad);color:#1B1B1F}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;filter:none}
.btn-green{background:#2F6F55;color:#fff}.btn-danger{background:var(--sale);color:#fff}
.btn-light,.btn-blue{background:#fff;border:1px solid var(--line-2);color:var(--ink)}.btn-light:hover,.btn-blue:hover{background:#fff;border-color:var(--gold);color:var(--ink);box-shadow:none;filter:none}
.btn-ghost{background:transparent;border:1px solid var(--line-2);color:var(--ink-2)}.btn-ghost:hover{background:#fff;border-color:var(--ink);color:var(--ink);filter:none}
.btn-light .icon{color:var(--brand)}
.btn-sm{min-height:34px;padding:0 14px;font-size:12.5px;border-radius:8px}.btn-lg{min-height:48px;padding:0 28px;font-size:14.5px}
/* هدر و منو */
.topbar{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.topnav a{font-size:13.5px;padding:8px 13px}.topnav a.on{color:var(--brand-d)}
.top-btn{height:36px;padding:0 14px;font-size:13px;border-radius:9px}
.top-btn.solid{background:var(--grad);border:0;color:#1B1B1F}
.brand{font-size:19px}.brand img{width:30px;height:30px}
.bottomnav{background:rgba(255,255,255,.94)}.bottomnav a.on{color:var(--ink)}.bottomnav a.on::before{background:var(--grad)}
.fab-ic{background:var(--grad);color:#1B1B1F;box-shadow:0 10px 22px -8px rgba(232,134,12,.8),0 0 0 4px #fff}.fab-ic .icon{stroke:#1B1B1F}
/* بخش‌ها و کارت‌ها فشرده */
.sec{padding:38px 0 0}.sec-h{margin-bottom:16px}.sec-h p{font-size:12.5px;margin:3px 0 0}
.eyebrow-s{display:none}
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 16px}
.pcard .ph{aspect-ratio:3/2.2;border-radius:12px}.pcard .pb{padding:10px 2px 0}.pcard h3{font-size:14.5px}.pcard .meta{font-size:12px;gap:10px;margin:4px 0 6px}.pcard .price b{font-size:15px}
.tag-glass,.tag-sale{font-size:11.5px;padding:2px 9px}
.badge{font-size:11.5px;padding:1px 10px}
.card{padding:18px;border-radius:12px}.tile{padding:16px}.tile b{font-size:20px}.tile .ic,.tile .ic3{width:34px;height:34px;margin-bottom:12px}
.item-row{padding:12px;border-radius:12px}.item-row .thumb{width:90px;height:72px}
.page-h{margin-bottom:18px}.page-h h1{font-size:clamp(20px,2.4vw,27px)}
.sidebar a.item{padding:9px 12px;font-size:13.5px}
.sidebar a.item.on{background:var(--brand-t);color:var(--brand-d);box-shadow:inset 3px 0 0 var(--brand-2)}.sidebar a.item.on .icon{color:var(--brand-d)}
.tabs a.on,.qchip.on,.pager .active,.chk.done i,.tline .st.done i{background:var(--ink)}
/* هیرو فشرده و روشن */
.hero-c{padding:30px 0 6px}
.hero-c .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--brand-d);font-weight:700;background:var(--brand-t);padding:3px 12px;border-radius:99px;margin-bottom:12px}
.hero-c h1{margin:0 0 6px}.hero-c p{color:var(--muted);margin:0;max-width:560px}
.hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hero-stats{display:flex;gap:26px}.hero-stats b{display:block;font-family:var(--font-display);font-size:20px;line-height:1.2}.hero-stats small{color:var(--muted);font-size:11.5px}
.stage-search{margin:18px 0 0!important;max-width:none;border:1px solid var(--line-2)!important;border-radius:14px;padding:8px!important;box-shadow:var(--shadow)!important}
.searchbar{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1fr) auto}
.searchbar>div:not(.presets):not(.sp-head){padding:4px 14px}
.presets .muted{font-size:11.5px}.qchip{padding:4px 12px;font-size:12px}
/* مرکز دسته‌بندی‌ها */
.hub{margin-top:26px;display:grid;gap:12px}
.hub-g{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.hub-g>b{width:92px;flex:none;font-size:12.5px;color:var(--ink-2);padding-top:6px;font-family:var(--font-display)}
.hub-chips{display:flex;gap:7px;flex-wrap:wrap}
.chip-s{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border:1px solid var(--line-2);border-radius:99px;font-size:12.5px;font-weight:500;background:#fff;color:var(--ink-2);transition:.2s;white-space:nowrap}
.chip-s .icon{width:15px;height:15px;color:var(--brand);stroke-width:1.6}
.chip-s i{font-style:normal;font-size:11.5px;color:var(--muted);background:#F5F6F8;border-radius:99px;padding:0 7px}
.chip-s:hover{border-color:var(--gold);background:var(--brand-t);color:var(--ink)}
.tstrip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:22px}
.tcell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border:1px solid var(--line);border-radius:12px;font-size:12.5px;font-weight:600;transition:.25s;text-align:center}
.tcell .icon{width:24px;height:24px;color:var(--brand);stroke-width:1.4}
.tcell small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:-4px}
.tcell:hover{border-color:var(--gold);background:var(--brand-t);transform:translateY(-2px)}
.sec-h .more{font-size:12.5px;color:var(--brand-d);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.cats,.bento{display:none}
.mini-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ms{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px}.ms .n{width:30px;height:30px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}.ms b{font-size:14px;display:block}.ms p{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.feat{border-radius:12px}.feat .card{padding:18px}.feat .ico{width:36px;height:36px;margin-bottom:12px}.feat b{font-size:14.5px}
.cta{border-radius:16px;padding:30px 32px;background:var(--grad);color:#1B1B1F}.cta::before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 1px,transparent 1px 22px)}
.cta h2{color:#1B1B1F}.cta p{color:#4a3510}.cta .btn-gold{background:#1B1B1F;color:#fff}.cta .btn-light{background:#fff}
.footer{background:#fff;color:var(--muted);border-top:1px solid var(--line);padding:44px 0 110px;margin-top:60px}
.footer h4{color:var(--ink)}.footer a{color:var(--muted)}.footer a:hover{color:var(--brand-d)}.footer .copy{border-color:var(--line)}
.faq summary{padding:15px 2px;font-size:14px}
.testi{padding:20px}
.sp-pill i{background:var(--grad);color:#1B1B1F}
.prof-hero.host,.prof-hero.guest,.prof-hero.admin{background:linear-gradient(120deg,#1B1B1F,#2c2c33)}
.rp-day.start,.rp-day.end{background:var(--ink)}
/* ورود/ثبت‌نام: پنل روشن طلایی */
.btn-auth{min-height:50px}
.fl input{height:54px;border-radius:10px}
.role-seg .pill{border-radius:8px}
/* واکنش‌گرایی */
@media (max-width:1020px){.searchbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tstrip{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-steps{grid-template-columns:minmax(0,1fr)}.hub-g{flex-direction:column;gap:8px}.hub-g>b{width:auto}}
@media (max-width:860px){
  :root{--header-h:56px}
  body{font-size:13.5px}.container{padding:0 16px}
  .hero-c{padding:20px 0 4px}.hero-stats{display:none}
  .stage-search{margin:14px 0 0!important;padding:6px!important}
  .stage-search.sheet-open{margin:0!important}
  .tstrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tcell{padding:10px 4px;font-size:11px}.tcell .icon{width:21px;height:21px}.tcell small{display:none}
  .hub-g{padding:10px 12px}.hub-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-2px;padding-bottom:2px}.hub-chips::-webkit-scrollbar{display:none}
  .grid-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 12px}
  .pcard .ph{aspect-ratio:1/1}.pcard h3{font-size:13.5px}.pcard .meta span:nth-child(n+3){display:none}.pcard .price b{font-size:14px}
  .sec{padding:30px 0 0}
  .cta{padding:22px 20px}
}

/* آیکن‌های سه‌بعدی هم‌رنگ تم */
.i3{width:28px;height:28px;display:inline-block;vertical-align:middle;flex:none;overflow:visible}
.i3.sm{width:20px;height:20px}.i3.lg{width:40px;height:40px}.i3.xl{width:60px;height:60px}
.tcell .i3{width:34px;height:34px}.tcell{gap:6px}
.chip-s .i3{width:20px;height:20px}
.amen i .i3{width:26px;height:26px}
.check .i3{width:22px;height:22px}
.tile .ic3 .i3{width:26px;height:26px}.tile .ic3{background:var(--brand-t)}
.empty .i3{width:56px;height:56px;margin-bottom:10px}
.cb-ic .i3{width:28px;height:28px}
.role-pill .i3,.badge .i3{width:16px;height:16px}
.h-i3{vertical-align:-4px}
a:hover>.i3,.tcell:hover .i3{transform:translateY(-2px);transition:transform .35s cubic-bezier(.22,.8,.24,1)}
