/* p173 · public homepage — Figma «صفحهٔ اصلی تازه · ۳ طرح (p173)»: B product + phone (default) · A full photo + search (Travele style) · C dark + collage + offer bar */
:root{--bg:#F4F1EA;--card:#fff;--ink:#1C2A2C;--txt:#1C2A2C;--mut:#5C6B6E;--line:#E3DED3;--teal:#0E7C6B;--teal2:#12A38C;--mint:#E7F2EF;--amber:#E9A23B;--amb-l:#FFF4E0;--amb-b:#F2D39B;--dark:#0F1614;--r:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.lp{margin:0;background:var(--bg);color:var(--txt);font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Vazirmatn,sans-serif}
[dir=rtl] body.lp{font-family:Vazirmatn,Tahoma,system-ui,sans-serif}
.lp a{color:inherit}
.lp h1,.lp h2,.lp h3{color:var(--ink);line-height:1.2;margin:0}
.lp h2{font-size:clamp(28px,3.2vw,40px);font-weight:900}
.lp-main{display:block}
.lp-in{max-width:1200px;margin:0 auto;padding:0 24px}
.lp-sec{padding:88px 0;scroll-margin-top:72px}
.lp-sec>.lp-in{display:grid;gap:32px}
.lp-head{display:grid;gap:8px;max-width:760px}
.lp-sub{color:var(--mut);font-size:1.08rem;margin:0;max-width:720px}
.lp-note{margin:0;color:var(--mut);font-size:.85rem}
/* nav */
.lp-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(24px,calc((100vw - 1200px)/2));background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lp-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.25rem;color:var(--teal);text-decoration:none}.lp-logo img{border-radius:9px}
.lp-links{display:flex;gap:26px}.lp-links a{text-decoration:none;opacity:.8;font-weight:600}.lp-links a:hover{opacity:1}
.lp-right{display:flex;align-items:center;gap:10px}
.lp-lang{border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--txt);height:40px;padding:0 12px;font:inherit;cursor:pointer;color-scheme:light dark}
.lp-lang option{background:var(--card);color:var(--txt)}
.lp-nav-over{position:fixed;inset-inline:0;background:linear-gradient(180deg,rgba(8,20,18,.55),transparent);border-bottom-color:transparent;color:#fff;backdrop-filter:none}
.lp-nav-over .lp-logo{color:#fff}.lp-nav-over .lp-line{border-color:rgba(255,255,255,.6);color:#fff!important;background:transparent}
.lp-nav-over .lp-lang{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4)}
.lp-nav-over.scrolled{background:color-mix(in srgb,var(--dark) 88%,transparent)}
/* buttons — rounded rectangles */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r);min-height:48px;padding:0 24px;font:inherit;font-weight:800;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .12s,box-shadow .12s;white-space:nowrap}
.lp-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.lp-btn.sm{min-height:40px;padding:0 16px;font-size:.92rem}
.lp-primary{background:var(--teal);color:#fff!important}.lp-line{border-color:var(--line);background:var(--card);color:var(--ink)!important}
.lp-white{background:#fff;color:#1C2A2C!important}.lp-amber,.lp-cta-b{background:var(--amber);color:#1C2A2C!important}.lp-ghost-w{border-color:rgba(255,255,255,.6);color:#fff!important}
.lp-ctas{display:flex;gap:12px;flex-wrap:wrap}
.lp-badge{display:inline-block;width:max-content;max-width:100%;background:var(--amb-l);color:#8A5A0B;font-weight:800;font-size:.88rem;padding:6px 14px;border-radius:999px}
.lp-trust{display:flex;gap:8px 20px;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:.93rem;color:var(--teal);font-weight:700}
/* search bar (A, C) */
.lp-search{display:flex;gap:8px;background:#fff;padding:8px;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.18);width:min(880px,100%);flex-wrap:wrap}
.lp-search label{flex:1 1 180px;display:flex;align-items:center;gap:8px;background:#F4F1EA;border-radius:var(--r);padding:0 14px}
.lp-search input{border:0;background:transparent;font:inherit;padding:14px 0;width:100%;color:#1C2A2C;outline:none}
/* B · hero: text + phone */
.lp-hero-b{padding:64px 0 72px;background:var(--bg)}
.lp-hero-b>.lp-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:center}
.lp-hb-t{display:grid;gap:20px;justify-items:start}
.lp-hero h1{font-size:clamp(36px,5vw,64px);font-weight:900;letter-spacing:-.01em}
.lp-phone-w{position:relative;padding:0 30px 30px}
.lp-phone{width:300px;height:600px;border-radius:44px;background:#11161D;padding:14px;box-shadow:0 30px 70px rgba(14,124,107,.28)}
.lp-scr{height:100%;border-radius:32px;background:#F7F5F0;overflow:hidden;display:grid;align-content:start;gap:12px}
.lp-scr-top{background:var(--teal);color:#fff;padding:58px 18px 22px;display:grid;gap:2px}.lp-scr-top b{font-size:1.02rem}.lp-scr-top small{color:#D5ECE7}
.lp-scr-card{color:#1C2A2C;background:#fff;border-radius:16px;margin:0 14px;padding:12px 14px;display:grid;gap:2px;font-size:.84rem;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.lp-scr-card small{color:#5C6B6E}.lp-scr-card.hot b{color:var(--teal)}
.lp-bubble{position:absolute;inset-inline-start:-30px;bottom:70px;background:#fff;color:#1C2A2C;font-weight:700;font-size:.9rem;padding:12px 16px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.16);max-width:290px}
/* A · hero: full photo */
.lp-hero-a{position:relative;overflow:hidden;min-height:min(860px,100vh);display:flex;align-items:flex-end;color:#fff;background:#0B1D1A}
.lp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-hero-a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,18,.82),rgba(8,20,18,.25) 60%,rgba(8,20,18,.35))}
.lp-hero-a>.lp-in{position:relative;z-index:1;width:100%;padding-top:140px;padding-bottom:64px;display:grid;gap:20px;justify-items:start}
.lp-hero-a h1{color:#fff;font-size:clamp(40px,6vw,80px)}.lp-hero-a .lp-sub{color:#EAF2F0;font-size:1.15rem}
.lp-hero-a .lp-badge{background:var(--amber);color:#1C2A2C}.lp-hero-a .lp-trust{color:#D5ECE7}
/* C · dark, collage, offer bar */
body.lp-C{--bg:#0F1614;--card:#18211F;--ink:#EAF2F0;--txt:#DDE7E4;--mut:#9FB0AC;--line:#2C3633;--mint:#12332C;--amb-l:#2A2414;--amb-b:#5A4719}
.lp-offer{display:block;text-align:center;background:var(--amber);color:#1C2A2C!important;font-weight:800;padding:10px 16px;text-decoration:none}
.lp-hero-c{padding:72px 0 88px}
.lp-hero-c>.lp-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.lp-hc-t{display:grid;gap:20px;justify-items:start}.lp-hero-c h1{color:#fff}
.lp-hero-c .lp-search{background:#18211F;border:1px solid #2C3633;box-shadow:none}.lp-hero-c .lp-search label{background:#0F1614}.lp-hero-c .lp-search input{color:#EAF2F0}
.lp-hero-c .lp-badge{background:#2A2414;color:#F2C46B}.lp-hero-c .lp-trust{color:#7FE3CF}
.lp-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 170px 150px;gap:14px}
.lp-col{width:100%;height:100%;object-fit:cover;border-radius:22px}
.lp-col-0{grid-row:1/3}.lp-col-1{grid-row:1/2}.lp-col-2{grid-row:2/4}.lp-col-3{grid-row:3/4}
/* features */
.lps-features{background:var(--bg)}
.lp-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lp-card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;grid-template-rows:190px 1fr;transition:transform .15s,box-shadow .15s}
.lp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.lp-card-img{width:100%;height:190px;object-fit:cover}.lp-card-ic{display:grid;place-items:center;font-size:56px;background:var(--mint)}
.lp-card-b{padding:18px 22px 22px;display:grid;gap:6px;align-content:start}.lp-card h3{font-size:1.15rem;font-weight:800}.lp-card p{margin:0;color:var(--mut);font-size:.95rem}
/* compare */
.lps-compare{background:var(--card)}
.lp-tw{overflow-x:auto;border:1px solid var(--line);border-radius:18px}
.lp-table{width:100%;border-collapse:collapse;min-width:760px;font-size:.98rem}
.lp-table th,.lp-table td{padding:16px 18px;text-align:center;border-top:1px solid var(--line)}
.lp-table thead th{border-top:0;background:color-mix(in srgb,var(--bg) 70%,var(--card));font-weight:800}
.lp-table tbody th{text-align:start;font-weight:700}
.lp-table .us{background:var(--mint);color:var(--teal);font-weight:900}.lp-table thead .us{background:var(--teal);color:#fff}
.lp-table .v-y{color:var(--teal);font-weight:900}.lp-table .v-p,.lp-table .v-n{color:var(--mut)}
/* advantages */
.lp-adv{display:grid;gap:56px}
.lp-adv-r{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}.lp-adv-r.rev>:first-child{order:2}
.lp-adv-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:24px}
.lp-adv-t{display:grid;gap:12px}.lp-adv-t h3{font-size:clamp(24px,2.4vw,32px);font-weight:900}.lp-adv-t p{margin:0;color:var(--mut);font-size:1.08rem}
/* price */
.lps-price{background:var(--card)}
.lp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.lp-plan{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:10px;align-content:start;grid-template-rows:auto auto auto auto 1fr auto}
.lp-plan h3{font-size:1.3rem;font-weight:800}.lp-pprice{font-size:2.6rem;font-weight:900;color:var(--ink);line-height:1.1}.lp-plan small{color:var(--mut)}
.lp-plan ul{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:6px;font-weight:600}
.lp-plan.hot{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 20px 40px rgba(14,124,107,.25)}
.lp-plan.hot h3,.lp-plan.hot .lp-pprice{color:#fff}.lp-plan.hot small{color:#D5ECE7}
.lp-pbadge{justify-self:start;background:var(--amber);color:#1C2A2C;font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:999px}
/* invite 5 friends */
.lps-ref{padding:0 0 88px;background:var(--card)}
.lp-ref{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--amb-l);border:1px solid var(--amb-b);border-radius:22px;padding:28px 32px}
.lp-ref h2{font-size:clamp(22px,2.4vw,28px)}
/* destinations */
.lp-dest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lp-d{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:3/4;text-decoration:none;background:#2C3633}
.lp-d-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.lp-d:hover .lp-d-img{transform:scale(1.04)}
.lp-d::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}
.lp-d-t{position:absolute;inset-inline:18px;bottom:16px;z-index:1;display:grid;color:#fff}.lp-d-t b{font-size:1.3rem;color:#fff}.lp-d-t small{color:#EDEDED}
/* faq */
.lps-faq{background:var(--card)}
.lp-faq{display:grid;max-width:900px}
.lp-faq details{border-bottom:1px solid var(--line)}
.lp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;font-size:1.08rem}
.lp-faq summary::after{content:"＋";color:var(--teal);font-weight:800}.lp-faq details[open] summary::after{content:"−"}
.lp-faq summary::-webkit-details-marker{display:none}.lp-faq p{margin:0 0 16px;color:var(--mut)}
/* final call with a photo */
.lp-cta{position:relative;overflow:hidden;background:var(--teal);color:#fff;text-align:center;padding:110px 0}
.lp-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-cta.has-img::after{content:"";position:absolute;inset:0;background:rgba(8,20,18,.55)}
.lp-cta>.lp-in{position:relative;z-index:1;display:grid;justify-items:center;gap:20px}.lp-cta h2{color:#fff;font-size:clamp(28px,3.6vw,46px)}.lp-cta .lp-note{color:#E3EEEC}
/* old sections (CMS) */
.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lp-step{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.lp-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-weight:800}
.lp-step p{margin:2px 0 0;color:var(--mut);font-size:.93rem}
.lp-chat{display:grid;gap:8px;max-width:480px;background:#E5DDD5;padding:18px;border-radius:20px}.lp-chat p{margin:0;padding:10px 14px;border-radius:14px;font-size:.92rem;color:#1C2A2C;width:fit-content;max-width:100%}
.lp-chat .me{background:#DCF8C6;justify-self:end}.lp-chat .bot{background:#fff}
/* contact window (from the footer; closes only with ✕) */
.lp-form{display:grid;gap:12px}
.lp-form label{display:grid;gap:6px;font-weight:600;font-size:.93rem}
.lp-form input,.lp-form textarea{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font:inherit;background:var(--card);color:var(--txt)}
.lp-form .lp-btn{justify-self:start}.lp-hp{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%);overflow:hidden;inset-inline-start:0}
.lp-ok{margin:0;color:var(--teal);font-weight:600}.lp-ok.err{color:#C8483B}
.lp-dlg{border:1px solid var(--line);border-radius:18px;padding:22px 24px;width:min(560px,calc(100vw - 32px));background:var(--bg);color:var(--txt);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.lp-dlg::backdrop{background:rgba(8,12,14,.55)}
.lp-dlg-b{display:grid;gap:14px}.lp-dlg h2{font-size:1.5rem}
.lp-dlg-x{float:inline-end;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--txt);font:inherit;cursor:pointer}
/* footer */
.lp-foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:24px max(24px,calc((100vw - 1200px)/2));background:#1C2A2C;color:#C9D6D4;font-size:.9rem}
body.lp-C .lp-foot{background:#0A100E}
.lp-foot a{text-decoration:none;opacity:.9}.lp-foot a:hover{opacity:1;text-decoration:underline}.lp-foot span{margin-inline-end:auto}
/* visitors in dark mode (A and B follow the system; C is always dark) */
@media (prefers-color-scheme:dark){
  body.lp-A,body.lp-B{--bg:#0F1614;--card:#18211F;--ink:#EEF4F2;--txt:#DDE7E4;--mut:#A3B1AC;--line:#2A3633;--mint:#12332C;--amb-l:#2A2414;--amb-b:#5A4719}
  body.lp-A .lp-badge,body.lp-B .lp-badge{color:#F2C46B}
}
/* tablet */
@media (max-width:999px){
  .lp-links{display:none}
  .lp-hero-b>.lp-in,.lp-hero-c>.lp-in{grid-template-columns:1fr}
  .lp-phone-w{justify-self:center}
  .lp-feats,.lp-plans{grid-template-columns:1fr 1fr}.lp-dest{grid-template-columns:1fr 1fr}
  .lp-adv-r,.lp-adv-r.rev{grid-template-columns:1fr;gap:20px}.lp-adv-r.rev>:first-child{order:0}
}
/* phone */
@media (max-width:760px){
  .lp-nav{padding:10px 16px}.lp-right .lp-line{display:none}
  .lp-in{padding:0 16px}.lp-sec{padding:56px 0}
  .lp-hero-b{padding:36px 0 48px}.lp-hero-c{padding:40px 0 56px}
  .lp-hero-a>.lp-in{padding-top:110px;padding-bottom:40px}
  .lp-feats,.lp-plans,.lp-steps{grid-template-columns:1fr}
  .lp-phone{width:260px;height:520px}.lp-bubble{inset-inline-start:-10px;bottom:40px;font-size:.84rem}
  .lp-collage{grid-template-rows:150px 130px 110px}
  .lp-search label{flex-basis:100%}.lp-search .lp-btn{width:100%}
  .lp-ref{padding:22px}.lp-ref .lp-btn{width:100%}
  .lp-cta{padding:72px 0}
}
/* p188 · 🎛 lphead — phone header and compare table (Figma «ظاهر · ۳ طرح (p188)» row 21); one main colour (teal) for buttons */
@media (max-width:760px){
  .lp-logo{font-size:1rem;white-space:nowrap;min-width:0}
  .lp-logo span{overflow:hidden;text-overflow:ellipsis}
  html[data-lphead=B] .lp-logo span,html[data-lphead=B] .lp-logo b{display:none}
  html[data-lphead=A] .lp-tw{position:relative;box-shadow:inset -18px 0 14px -14px rgba(0,0,0,.18),inset 18px 0 14px -14px rgba(0,0,0,.18)}
  html[data-lphead=A] .lp-tw::after,html[data-lphead=B] .lp-tw::after{content:"← →";position:sticky;inset-inline-start:0;display:block;text-align:center;font-size:.8rem;color:var(--mut);padding:6px 0}
  html[data-lphead=C] .lp-tw{border:0;overflow:visible}
  html[data-lphead=C] .lp-table{min-width:0}
  html[data-lphead=C] .lp-table thead{display:none}
  html[data-lphead=C] .lp-table tbody,html[data-lphead=C] .lp-table tr{display:grid}
  html[data-lphead=C] .lp-table tbody{gap:10px}
  html[data-lphead=C] .lp-table tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}
  html[data-lphead=C] .lp-table tbody th{grid-column:1/-1;border:0;padding:0 0 4px}
  html[data-lphead=C] .lp-table td{border:0;padding:6px 8px;border-radius:10px;background:color-mix(in srgb,var(--bg) 60%,var(--card));display:flex;justify-content:space-between;gap:6px;font-size:.88rem}
  html[data-lphead=C] .lp-table td::before{content:attr(data-l);color:var(--mut);font-weight:600}
  html[data-lphead=C] .lp-table td.us{background:var(--mint)}
}